home *** CD-ROM | disk | FTP | other *** search
/ Freelog 125 / Freelog_MarsAvril2015_No125.iso / ViePratique / ArchiFacile / ArchiFacileSetup.exe / {app} / nw.pak / Unnamed File 001045.unknown < prev    next >
Text File  |  2014-10-14  |  5KB  |  249 lines
  1. .data-grid {
  2.     position: relative;
  3.     border: 1px solid #aaa;
  4.     font-size: 11px;
  5.     line-height: 120%;
  6. }
  7.  
  8. .data-grid .highlight {
  9.     background-color: rgb(255, 230, 179);
  10. }
  11.  
  12. .data-grid tr.selected .highlight {
  13.     background-color: transparent;
  14. }
  15.  
  16. .data-grid table {
  17.     table-layout: fixed;
  18.     border-spacing: 0;
  19.     border-collapse: collapse;
  20.     width: 100%;
  21. }
  22.  
  23. .data-grid .data-container {
  24.     position: absolute;
  25.     top: 17px;
  26.     bottom: 0;
  27.     left: 0;
  28.     right: 0;
  29.     overflow-x: hidden;
  30.     overflow-y: overlay;
  31.     -webkit-transform: translateZ(0);
  32. }
  33.  
  34. .data-grid.inline {
  35.     border-left: none;
  36. }
  37.  
  38. .data-grid.inline .data-container {
  39.     position: static;
  40. }
  41.  
  42. .data-grid.inline th.corner,
  43. .data-grid.inline td.corner {
  44.     display: none;
  45. }
  46.  
  47. .data-grid th {
  48.     text-align: left;
  49.     background-color: rgb(236, 236, 236);
  50.     border: 1px solid rgb(179, 179, 179);
  51.     border-top: none;
  52.     border-right: none;
  53.     height: 16px;
  54.     line-height: 16px;
  55.     font-weight: normal;
  56.     vertical-align: middle;
  57.     padding: 0 4px;
  58.     white-space: nowrap;
  59. }
  60.  
  61. .data-grid th.corner,
  62. .data-grid td.corner,
  63. .data-grid col.corner {
  64.     width: 14px;
  65.     padding-right: 0;
  66.     padding-left: 0;
  67.     border-left: 0 none transparent !important;
  68. }
  69.  
  70. .data-grid tr.filler {
  71.     display: table-row !important;
  72.     height: auto !important;
  73. }
  74.  
  75. .data-grid tr.filler td {
  76.     height: auto !important;
  77.     padding: 0 !important;
  78. }
  79.  
  80. .data-grid table.data {
  81.     position: absolute;
  82.     left: 0;
  83.     top: 0;
  84.     right: 0;
  85.     bottom: 0;
  86.     height: 100%;
  87.     border-top: 0 none transparent;
  88.     background-image: linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255));
  89.     background-size: 128px 32px;
  90.     table-layout: fixed;
  91. }
  92.  
  93. .data-grid.inline table.data {
  94.     position: static;
  95. }
  96.  
  97. .data-grid table.data tr {
  98.     display: none;
  99. }
  100.  
  101. .data-grid table.data tr.revealed {
  102.     display: table-row;
  103. }
  104.  
  105. .data-grid td {
  106.     vertical-align: top;
  107.     height: 16px; /* Keep in sync with .data-grid table.data @ background-size */
  108.     line-height: 14px;
  109.     padding: 1px 4px;
  110.     white-space: nowrap;
  111.     overflow: hidden;
  112.     border-left: 1px solid #aaa;
  113.     -webkit-user-select: text;
  114. }
  115.  
  116. .data-grid th:first-child,
  117. .data-grid td:first-child {
  118.     border-left: none !important;
  119. }
  120.  
  121. .data-grid td > div,
  122. .data-grid th > div {
  123.     white-space: nowrap;
  124.     text-overflow: ellipsis;
  125.     overflow: hidden;
  126. }
  127.  
  128. .data-grid td.editing > div {
  129.     text-overflow: clip;
  130. }
  131.  
  132. .data-grid .center div {
  133.     text-align: center;
  134. }
  135.  
  136. .data-grid .right div {
  137.     text-align: right;
  138. }
  139.  
  140. .data-grid th.sortable div {
  141.     position: relative;
  142. }
  143.  
  144. .data-grid th.sortable:active {
  145.     background-color: rgba(0, 0, 0, 0.15);
  146. }
  147.  
  148. .data-grid th.sort-ascending > div::after,
  149. .data-grid th.sort-descending > div::after {
  150.     position: absolute;
  151.     top: 1px;
  152.     right: 0;
  153.     background-image: url(Images/statusbarButtonGlyphs.png);
  154.     background-size: 320px 144px;
  155.     opacity: 0.5;
  156.     width: 8px;
  157.     height: 10px;
  158.     content: "a";
  159.     color: transparent;
  160. }
  161.  
  162. @media (-webkit-min-device-pixel-ratio: 1.5) {
  163. .data-grid th.sort-ascending > div::after,
  164. .data-grid th.sort-descending > div::after {
  165.     background-image: url(Images/statusbarButtonGlyphs_2x.png);
  166. }
  167. } /* media */
  168.  
  169. .data-grid th.sort-ascending > div::after {
  170.     background-position: -4px -108px;
  171. }
  172.  
  173. .data-grid th.sort-descending > div::after {
  174.     background-position: -20px -96px;
  175. }
  176.  
  177. .data-grid th:hover {
  178.     background-color: rgba(0, 0, 0, 0.1);
  179. }
  180.  
  181. .data-grid button {
  182.     line-height: 18px;
  183.     color: inherit;
  184. }
  185.  
  186. .data-grid tr.parent td.disclosure::before {
  187.     -webkit-user-select: none;
  188.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  189.     -webkit-mask-size: 320px 144px;
  190.     float: left;
  191.     width: 8px;
  192.     margin-right: 2px;
  193.     content: "a";
  194.     color: transparent;
  195.     position: relative;
  196.     top: 1px;
  197. }
  198.  
  199. .data-grid tr.parent td.disclosure::before {
  200.     background-color: rgb(110, 110, 110);
  201.     -webkit-mask-position: -4px -96px;
  202. }
  203.  
  204. @media (-webkit-min-device-pixel-ratio: 1.5) {
  205. .data-grid tr.parent td.disclosure::before {
  206.     -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
  207. }
  208. } /* media */
  209.  
  210. .data-grid tr.expanded td.disclosure::before {
  211.     -webkit-mask-position: -20px -96px;
  212. }
  213.  
  214. .data-grid tr.selected {
  215.     background-color: rgb(212, 212, 212);
  216.     color: inherit;
  217. }
  218.  
  219. .data-grid:focus tr.selected {
  220.     background-color: rgb(56, 121, 217);
  221.     color: white;
  222. }
  223.  
  224. .data-grid:focus tr.selected a {
  225.     color: white;
  226. }
  227.  
  228. .data-grid:focus tr.parent.selected td.disclosure::before {
  229.     background-color: white;
  230.     -webkit-mask-position: -4px -96px;
  231. }
  232.  
  233. .data-grid:focus tr.expanded.selected td.disclosure::before {
  234.     background-color: white;
  235.     -webkit-mask-position: -20px -96px;
  236. }
  237.  
  238. .data-grid tr:not(.parent) td.disclosure {
  239.     text-indent: 10px;
  240. }
  241.  
  242. .data-grid-resizer {
  243.     position: absolute;
  244.     top: 0;
  245.     bottom: 0;
  246.     width: 5px;
  247.     z-index: 500;
  248. }
  249.